{extend name='common/common_layout'/}
{block name='source'}
    <link rel="stylesheet" href="__HOME__/css/news.css">
    <script src="__HOME__/js/news.js"></script>
    <meta name="keywords" content="{$kw}">
    <meta name="description" content="{$desc}">
{/block}
{block name='title'}
    资讯
{/block}
{block name='center'}
<div>
    <ul class="layui-timeline show_list">
        {foreach $news as $index => $n}
        {if $index < 5 }
        <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis circle"></i>
            <div class="layui-timeline-content layui-text">
                <a href="/?{$n.hash_str}">
                    <h3 class="layui-timeline-title detail-title">{$n.title}</h3>
                </a>
                <p class="time">{$n.updatetime}</p>

                <a href="/?{$n.hash_str}">
                    <div class="introduce">{$n.introduce}</div>
                </a>
            </div>
        </li>
        {else /}
        <li class="layui-timeline-item" style="display: none;opacity: 0; max-height: 0px; overflow: hidden;">
            <i class="layui-icon layui-timeline-axis circle"></i>
            <div class="layui-timeline-content layui-text">
                <a href="/?{$n.hash_str}">
                    <h3 class="layui-timeline-title detail-title">{$n.title}</h3>
                </a>
                <p class="time">{$n.updatetime}</p>

                <a href="/?{$n.hash_str}">
                    <div class="introduce">{$n.introduce}</div>
                </a>
            </div>
        </li>
        {/if}
        
        {/foreach}
    </ul>
    <button type="button" class="layui-btn layui-btn-primary more" onclick="getMore()">查看更多资讯</button>
</div>
{/block}
{block name='right'}
<div class="hot-message">
    <div class="hot-title">
        <div style="height: 3vw;font-size: 1.5rem;"><img src="__IMAGE__/common/fire.png"
                style="position: relative; width: 2vw;object-fit: contain;padding-bottom: 10px;">资讯热榜
        </div>
    </div>
    <hr class="layui-bg-gray">
    <ol>
        {foreach $news_hot1 as $key => $n_h1}
        <li>
            <div class="hot-box">
                <a href="/?{$n_h1.hash_str}">
                    <div class="top-box">
                        <img src="{$n_h1.thumb}" class="hot1">
                        <div class="top">Top {$key+1}</div>
                    </div>

                    <div class="hot-massage-title1">{$n_h1.title}</div>
                </a>
            </div>
        </li>
        {/foreach}

        {foreach $news_hot2 as $key => $n_h2}
        <li>
            <div class="hot-box layui-row">
                <a href="/?{$n_h2.hash_str}">
                    <div class="layui-col-md3 hot-box2">
                        <img src="{$n_h2.thumb}" class="hot2">
                        <div class="top1">{$key+3}</div>
                    </div>
                    <div class="layui-col-md9">
                        <div class="hot_title">{$n_h2.title}</div>
                        <div class="hot_title_time2">{$n_h2.updatetime}</div>
                    </div>
                </a>

            </div>
        </li>
        {/foreach}

    </ol>

</div>
{/block}